<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<%
String path = request.getContextPath();
String basePath=request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<head>
<base href="<%=basePath%>"/>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Insert title here</title>
</head>
  <!-- Bootstrap -->
  <link href="css/bootstrap/bootstrap.min.css" rel="stylesheet">
  <link href="css/bootstrap/owl.carousel.css" rel="stylesheet">
  <link href="css/bootstrap/owl.theme.css" rel="stylesheet">
  <link href="css/bootstrap/owl.transitions.css" rel="stylesheet">
  <link href="css/bootstrap/style.css" rel="stylesheet">
  <link href="css/bootstrap/config.css" rel="stylesheet">
  <link href="js/bootstrap/dist/css/bootstrapValidator.min.css" rel="stylesheet">
  <link href="js/bootstrap/dist/css/toastr.min.css" rel="stylesheet">
  <script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
  <script src="lib/bootstrap/modernizr.custom.63321.js"></script>
  <script src="lib/bootstrap/jquery-3.2.1.js"></script>
<body>

<jsp:include page="/WEB-INF/jsp/front/header.jsp"/>

<!-- ========== CONTENT START ========== -->

<section id="content">
  <div class="container">
    <h2><i class="fa fa-plus fa-lg"></i>  注册新的账号</h2>
    <div class="gap-10"></div>
    <div class="row">
      <div class="col-sm-6">
        <div class="gap-20"></div>
        <form role="form" id="regForm">
        	<input type="hidden" name="usertype.utid" value="102">
        	<input type="hidden" name="uname" value="XXX">
        	<input type="hidden" name="avater" value="headIf.jpg">
          <div class="form-group" style="height: 60px;">
            </i><input type="text" class="form-control input-lg" id="userName" name="userName" placeholder="用户名（4-12位）">
          </div>
          <div class="form-group" style="height: 60px;">
            <input type="text" class="form-control input-lg" id="phone" name="phone" placeholder="请输入您的手机号码">
          </div>
          <div class="form-group"  style="height: 60px;margin-top: 78px;">
            <input type="password" class="form-control input-lg" id="pwd" name="pwd" placeholder="密码（6-12位）">
          </div>
          <div class="form-group"  style="height: 60px;">
            <input type="password" class="form-control input-lg" id="pwd2" name="pwd2" placeholder="再次输入（两次密码需一致）">
          </div>
          <div class="pull-right">
            <button type="submit" id="regsub" class="btn btn-primary btn-lg active" style="background-color: green;border-color: green"><i class="fa fa-bookmark fa-lg"></i>  注册</button>
            <button type="reset" class="btn btn-primary btn-lg"><i class="fa fa-book fa-lg"></i>  重置</button>
          </div>
        </form>
        <div class="input-group" style="margin-bottom: 15px;height: 60px;width:550px; position: absolute; top: 168px; ">
            <input  type="text" id="regDxyzm" style="height: 45px;width: 310px;margin-right: 20px;" placeholder="请输入手机验证码">
            <input type="submit" class="btn btn-primary btn-lg" style="background-color: blue;border-color: blue" value="发送短信" id="butdxyzm"/>
        </div>
        <div class="gap-30"></div>

      </div>
      <div class="col-sm-6" style="margin-top: -30px;">
        
        <h3><i class="fa fa-suitcase fa-lg"></i>网站服务协议书</h3>
        <div class="gap-15"></div>
        <p>欢迎阅读服务条款协议，本协议阐述之条款和条件适用于您使用Gmgw.com网站的各种工具和服务。本协议双方为XX电商网站与其网站用户，本协议具有合同效力。 </p>
        <p>
        <font size="3" color="blue">XX电商网站的权利和义务：</font><br/>
          <span class="text-primary">Step 1:</span>本网站有义务在现有技术上维护整个网上交易平台的正常运行，并努力提升和改进技术，使用户网上交易活动的顺利。 <br><br>
          <span class="text-primary">Step 2:</span>对用户在注册使用本网上交易平台中所遇到的与交易或注册有关的问题及反映的情况，本网站应及时作出回复。 <br><br>
          <span class="text-primary">Step 3:</span>对于在本网站网上交易平台上的不当行为或其它任何，本网站认为应当终止服务的情况，本网站有权随时作出删除相关信息、终止服务提供等处理，而无须征得用户的同意。<br><br>
          <span class="text-primary">Step 4:</span>因网上交易平台的特殊性，本网站没有义务对所有用户的注册资料、所有的交易行为以及与交易有关的其他事项进行事先审查。
        </p>
        <div class="text-left" style="margin-top: -10px;">
            <label class="checkbox">
              <input type="checkbox"> <font size="2" color="red">同意该协议条款</font>
            </label>
          </div>
      </div>
    </div>


  </div>
</section>

<!-- ========== CONTENT END ========== -->

<jsp:include page="/WEB-INF/jsp/front/leftCar.jsp"/>

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<!--<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>-->
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="lib/bootstrap/bootstrap.min.js"></script>
<script src="lib/bootstrap/owl.carousel.min.js"></script>
<script src="lib/bootstrap/jquery.jpanelmenu.min.js"></script>
<script src="lib/bootstrap/jquery.catslider.js"></script>
<script src="lib/bootstrap/main.js"></script>
<script src="js/bootstrap/dist/js/toastr.min.js"></script>
<script src="js/bootstrap/dist/js/bootstrapValidator.min.js"></script>
<script src="js/front/reg.js"></script>
</body>
</html>